<template>
  <div>
    <!-- 按键修饰符(只能给键盘事件): -->
    <!-- enter:按回车 -->
    <!-- esc:按esc -->
    回车修饰符: <input @keydown.enter="enterDown" type="text">
    <hr>
    ESC 修饰符: <input @keydown.esc="escDown" type="text">
  </div>
</template>

<script>
export default {

  data() {
    return {
      
    };
  },

  methods: {
    enterDown() {
      console.log('按下回车')
    },
    escDown() {
      console.log('按下ESC')
    }
  },
};
</script>

<style lang="scss" scoped>

</style>